<style tyle="text/css">
  .modal-lg {
    width: 60%;
  }
  .rolestyle {
    margin-bottom:2px;
    margin-right:2px;
    width:120px;
  }
</style>
<div class="modal-header">
  <h4 class="modal-title">用户信息</h4>
</div>
<div class="modal-body">

  <form name="form1" class="form-horizontal">
    <div class="form-group">
      <h4 class="col-lg-3 control-label">用户名称：</h4>
      <h4 class="col-lg-2 control-label text-left">{{userinfo.name}}</h4>
      <h4 class="col-lg-2 control-label">登录账号：</h4>
      <h4 class="col-lg-3 control-label text-left">{{userinfo.login_name}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">手机：</h4>
      <h4 class="col-lg-2 control-label text-left">{{userinfo.mobile || '—'}}</h4>
      <h4 class="col-lg-2 control-label">邮箱：</h4>
      <h4 class="col-lg-3 control-label text-left">{{userinfo.email || '—'}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">级别：</h4>
      <h4 class="col-lg-2 control-label text-left">{{userinfo.user_type==1 || userinfo.user_type==2 ? '公司管理':'普通员工'}}</h4>
      <h4 class="col-lg-2 control-label">是否可用：</h4>
      <h4 class="col-lg-3 control-label text-left">
        <i ng-if="userinfo.login_flag == 1" class="fa fa-check text-success"></i>
        <i ng-if="userinfo.login_flag != 1" class="fa fa-times text-danger"></i>
      </h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">拥有权限：</h4>
      <h4 class="col-lg-9 control-label text-left">
        <label ng-repeat="role in userinfo.rolelist" class="btn btn-sm btn-default rolestyle">
            <span class="text">{{role.name}}</span>  
        </label>
      </h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">备注：</h4>
      <h4 class="col-lg-7 control-label text-left">{{userinfo.remarks}}</h4>
    </div>

  </form>

</div>

<div class="modal-footer">
  <b class="col-sm-5 text-left">最新修改时间：{{userinfo.update_date}}</b>
  <button class="btn btn-danger" type="button" ng-click="close()">关闭</button>
</div>
